<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>堆糖,美好生活研究所</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<link href="images/favicon.ico" rel="SHORTCUT ICON">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>



	<header>
		<div class="header-inner">
			<div class="container">
				<div class="logo">
					<a href="#">
						<img src="images/logo.png" alt="">
					</a>
				</div>
				<div class="head-wrap clearfix">
					<div class="sort">
						<span>分类</span>
						<div class="sort-box"></div>
					</div>
					<div class="search">
						<form action="">
							<input type="text" placeholder="搜索感兴趣的内容">
							<button type="submit"></button>
						</form>
					</div>
					<div class="nav-right">
						<a href="#">堆糖生活家</a>
						<a href="#">注册/登录</a>
					</div>
				</div>
	    		<div class="dt-nav-btn">
	    			<span class="b1"></span>
	    			<span class="b2"></span>
	    			<span class="b3"></span>
	    		</div>
			</div>
		</div>
	</header>
	<div class="main">
		<div class="container">
			<!-- App下载通栏广告 -->
			<div class="tl-ad"></div>
			
			<div class="main-top">
				<div class="banner">
					<ul>
						<li class="active"><a href="#"><img src="images/b1.jpg" alt=""></a></li>
						<li><a href="#"><img src="images/b1.jpg" alt=""></a></li>
						<li><a href="#"><img src="images/b1.jpg" alt=""></a></li>
					</ul>
				</div>
				<div class="list-hot">
					<h3 class="hot-title">社区热点</h3>
					<ul class="hot-tab">
						<li><a href="#">欧美风</a></li>
						<li><a href="#">美甲</a></li>
						<li><a href="#">东宫</a></li>
						<li><a href="#">张云雷</a></li>
						<li><a href="#">插画</a></li>
						<li><a href="#">女生节</a></li>
						<li><a href="#">阿丽塔</a></li>
						<li><a href="#">猫</a></li>
					</ul>
					<div class="hot-activity">
						<div class="activity-lis">
							<span class="choice">精选</span>
							<span class="name">招募●少女感养成学院</span>
						</div>
						<div class="activity-lis">
							<span class="choice">工具</span>
							<span class="name">堆糖收图小助手</span>
						</div>
					</div>
					<div class="hot-app">
						<img src="images/app.png" alt="">
						<div class="app-txt">
							<h4>堆糖·美好生活研究所</h4>
							<p>最佳生活类应用</p>
							<a href="#">立即下载</a>
						</div>
					</div>
				</div>
			</div>

			<div class="main-inner">
				<div class="left-content">
					<ul class="left-tab">
						<li class="active">每日精选</li>
						<li>关注动态</li>
					</ul>
					<div class="content-inner">
						<div class="content-box">
							<div class="content-top">
								<img src="images/icon.jpg" alt="" class="top-img">
								<div class="top-txt">
									<h3>堆糖小喇叭</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">留下壁纸，我们就是朋友</p>
							<div class="box-img">
								<img src="images/lit.jpg" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon.jpg" alt="">
									<span>堆糖小喇叭</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon1.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>coloroom彩条屋</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">让观众苦等十年的《夏目友人帐》,到底是什么？</p>
							<div class="box-img">
								<img src="images/lit1.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon1.png" alt="">
									<span>coloroom彩条屋</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon2.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>美少女PINK酱</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">9.9保佑神奇，好用死了！连查寝老师都跟我要链接</p>
							<div class="box-img">
								<img src="images/lit2.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon2.png" alt="">
									<span>美少女PINK酱</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon3.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>你是我全世界最喜欢的猪</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">有哪些适合摘抄的文艺且有悲凉的句子？</p>
							<div class="box-img">
								<img src="images/lit3.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon3.png" alt="">
									<span>你是我全世界最喜欢的猪</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon4.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>干脆面炼金术士</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">人生的意义，在于一天比一天活得快乐</p>
							<div class="box-img">
								<img src="images/lit4.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon4.png" alt="">
									<span>干脆面炼金术士</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon.jpg" alt="" class="top-img">
								<div class="top-txt">
									<h3>堆糖小喇叭</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">我曾为你动过情</p>
							<div class="box-img">
								<img src="images/lit5.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon.jpg" alt="">
									<span>堆糖小喇叭</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon3.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>你是我全世界最喜欢的猪</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">登上79所高校学生借阅排行榜的九本书</p>
							<div class="box-img">
								<img src="images/lit6.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon3.png" alt="">
									<span>你是我全世界最喜欢的猪</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon5.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>情写风月</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">799风景内侧美化包</p>
							<div class="box-img">
								<img src="images/lit7.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon5.png" alt="">
									<span>情写风月</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon6.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>审</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">火影你们粉谁 留名我去截头像！</p>
							<div class="box-img">
								<img src="images/lit8.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon6.png" alt="">
									<span>审</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon2.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>美少女PINK酱</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
							<div class="box-img">
								<img src="images/lit9.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon2.png" alt="">
									<span>美少女PINK酱</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon7.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>少女感养成学院</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">同桌的你</p>
							<div class="box-img">
								<img src="images/lit10.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon7.png" alt="">
									<span>少女感养成学院</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon.jpg" alt="" class="top-img">
								<div class="top-txt">
									<h3>堆糖小喇叭</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">我的CP真香！</p>
							<div class="box-img">
								<img src="images/lit11.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon.jpg" alt="">
									<span>堆糖小喇叭</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon8.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>白日做梦大熊</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">当女生也太太太太不容易了</p>
							<div class="box-img">
								<img src="images/lit12.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon8.png" alt="">
									<span>白日做梦大熊</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon3.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>你是我全世界最喜欢的猪</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">有哪些好看值得回味的爱情电影？</p>
							<div class="box-img">
								<img src="images/lit13.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon3.png" alt="">
									<span>你是我全世界最喜欢的猪</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon9.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>堆糖Class小助手</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">伴随一生的【少女感】，拥有它一点也不难</p>
							<div class="box-img">
								<img src="images/lit14.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon9.png" alt="">
									<span>堆糖Class小助手</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon10.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>飞乐鸟</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">女生千万别看这些言情小说，不然会被里面的沙雕桥段给</p>
							<div class="box-img">
								<img src="images/lit15.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon10.png" alt="">
									<span>飞乐鸟</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon2.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>美少女PINK酱</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">7个私藏的小众APP，实用又有bigger，用过三款算我输！</p>
							<div class="box-img">
								<img src="images/lit16.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon2.png" alt="">
									<span>美少女PINK酱</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>

						<div class="content-box">
							<div class="content-top">
								<img src="images/icon3.png" alt="" class="top-img">
								<div class="top-txt">
									<h3>你是我全世界最喜欢的猪</h3>
									<span>热门内容</span>
								</div>
							</div>
							<p class="subheading">中国最全的拨弦 击弦类乐器合集 种类十分多 涨姿势了。</p>
							<div class="box-img">
								<img src="images/lit17.png" alt="" class="lit-ban">
								<a href="#" class="left">
									<img src="images/icon3.png" alt="">
									<span>你是我全世界最喜欢的猪</span>
								</a>
								<a href="#" class="right">
									<img src="images/icon-1.png" alt="">
									<span>文章</span>
								</a>
							</div>
							<ul class="list-txt">
								<li><img src="images/icon-4.png" alt="">140</li>
								<li><img src="images/icon-3.png" alt="">219</li>
								<li><img src="images/icon-2.png" alt="">更多</li>
							</ul>
						</div>


						<a href="#" class="act-btn">查看更多</a>
					</div>


				</div>
				<div class="right-content">
					<div class="right-top">
						<div class="content-txt clearfix">
							<h3 class="title">推荐关注</h3>
							<span class="title-span">换一批</span>
						</div>
						<ul class="content-list">
							<li>
								<img src="images/1.png" alt="">
								<div class="txt">
									<h4>一望损梅苔</h4>
									<p>擅长领域:手工,园艺</p>
								</div>
								<span class="btn">关注</span>
							</li>
							<li>
								<img src="images/2.png" alt="">
								<div class="txt">
									<h4>猫头鹰叔叔</h4>
									<p>擅长领域:摄影</p>
								</div>
								<span class="btn">关注</span>
							</li>
							<li>
								<img src="images/3.png" alt="">
								<div class="txt">
									<h4>兔纸鱼</h4>
									<p>擅长领域:Q版</p>
								</div>
								<span class="btn">关注</span>
							</li>
							<li>
								<img src="images/4.png" alt="">
								<div class="txt">
									<h4>小熊奶黄包</h4>
									<p>擅长领域:壁纸,Q版</p>
								</div>
								<span class="btn">关注</span>
							</li>
						</ul>
						<a href="#" class="act-btn">查看更多</a>
					</div>
					<div class="right-bottom">
						<img src="images/img.jpeg" alt="">
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer>
		<div class="container">
    		<div class="footer-top">
	    		<div class="footer-txt footer-none">
	    			<div class="footer-txt-inner">
	    				<div class="txtle">APP下载</div>
	    				<div class="code-ewm">
	    					<img src="images/ewm.png" alt="">
	    				</div>
	    				<p>扫描二维码</p>
	    				<p>下载堆糖手机客户端</p>
	    			</div>
	    		</div>
	    		<div class="footer-txt">
	    			<p>关于我们</p>
	    			<a href="#">关于我们</a>
	    			<a href="#">加入我们</a>
	    			<a href="#">联系我们</a>
	    			<a href="#">商务合作</a>
	    		</div>
	    		<div class="footer-txt fot-txt">
	    			<p>关注我们</p>
	    			<a href="#">新浪微博</a>
	    			<a href="#">微信公众号</a>
	    		</div>
	    		<div class="footer-txt fot-txt fot-link">
	    			<p>友情链接</p>
	    			<a href="#">爱物网</a>
	    			<a href="#">东方女性网</a>
	    			<a href="#">肉丁网</a>
	    			<a href="#">更多..</a>
	    		</div>
    		</div>
    		<div class="footer-bottom">
    			<span>©2019 duitang.com 版权所有。<a href="#">沪ICP备10038086号-3</a></span>
    			<a href="#" class="zhengxin"></a>
    			<a href="#" class="beian"></a>
    			<span class="entity-info">增值电信业务经营许可证：沪B2-20180610 <a href="#">自营经营者信息</a></span>
    			<p class="bom">
    				<i></i>
    				<a href="#">上海市互联网违法和不良信息举报中心</a> 有害内容举报电话：021-63462282
    			</p>
    		</div>
    	</div>
	</footer>



	<script src="js/script.js"></script>
</body>
</html>